HTML5 Canvas, User Illusions, and Game Flow

نویسنده

  • Larry J. Crockett
چکیده

HTML5 is significant for game pedagogy for many reasons, but the most significant is Canvas, a 2d graphics API that supports apps from word processors to space adventures. Canvas enables interactive dynamic bitmapping, drawing, animation, and simulations such as 3d-scrolling backgrounds with parallax. Alan Kay’s concept user illusion names the “simplified myth” we employ when we use icons, scroll bars, folders and trash cans to use a computer. In Alan Kay’s terms, Canvas creates the user illusion of fully computable animation on many different devices. That is, Canvas enables unlimited development of user illusions. Mihaly Csikszentmihalyi’s venerable concept of “flow” gets new life if we view it through the lens of user illusions articulated in Canvas. Flow ensues when the emotions are not just contained and channeled, but fully aligned with the cognitive faculties to engage a user illusion in a compelling task. Games, in fact, are best understood as immersive user illusions designed to induce flow. As a result, more than any other recent technology, HTML5 Canvas makes immersion in game flow—and the user illusion that most enables learning--fully computable on any device that can display web pages, anywhere.

برای دانلود متن کامل این مقاله و بیش از 32 میلیون مقاله دیگر ابتدا ثبت نام کنید

ثبت نام

اگر عضو سایت هستید لطفا وارد حساب کاربری خود شوید

منابع مشابه

Multiplayer Game Design: Performance Enhancement with Employment of Novel Technology

Online multiplayer educational game is designed to support collaboration and assess different cognitive and social abilities among students. The educational games are developed to capture student responses or actions, both shared and unshared, within the game environment and extrinsic resources. This paper describes the implementation of new technology with better performance over existing HTML...

متن کامل

A Novel Approach for Canvas Accessibility Problem in HTML5

Canvas is a pixel-based inherently inaccessible element in HTML5.Therefore web users with vision disabilities cannot benefit from Canvas and its desired semantics and functionality. Regarding to the Canvas application in designing interactive graphical user interface, vision-impaired users may miss important information on web sites. This paper utilizes the content-based image retrieval (CBIR) ...

متن کامل

Pixel Perfect: Fingerprinting Canvas in HTML5

Tying the browser more closely to operating system functionality and system hardware means that websites have more access to these resources, and that browser behavior varies depending on the behavior of these resources. We propose a new system fingerprint, inspired by the observation above: render text and WebGL scenes to a element, then examine the pixels produced. The new fingerprin...

متن کامل

Native browser support for 3D rendering and physics using WebGL, HTML5 and Javascript

In the last few years, JavaScript libraries have been developed to enable developers to create and manipulate 3D objects in the browser. These JavaScript libraries incorporate physics and 3D processing algorithms, HTML 5 elements and technologies (such as canvas and background workers), and the Web Graphics Library (WebGL). This paper provides an insight into these technologies, and describes t...

متن کامل

A Graphical Citation Browser for the ACL Anthology

Navigation in large scholarly paper collections is tedious and not well supported in most scientific digital libraries. We describe a novel browser-based graphical tool implemented using HTML5 Canvas. It displays citation information extracted from the paper text to support useful navigation. The tool is implemented using a client/server architecture. A citation graph of the digital library is ...

متن کامل

ذخیره در منابع من


  با ذخیره ی این منبع در منابع من، دسترسی به آن را برای استفاده های بعدی آسان تر کنید

برای دانلود متن کامل این مقاله و بیش از 32 میلیون مقاله دیگر ابتدا ثبت نام کنید

ثبت نام

اگر عضو سایت هستید لطفا وارد حساب کاربری خود شوید

عنوان ژورنال:

دوره   شماره 

صفحات  -

تاریخ انتشار 2014